$(document).ready(function(){
    let $userinfo = $('#userinfo')

    let name = document.createElement('li');
    name.innerHTML = "Name: " + localStorage.getItem("name");

    let studentid = document.createElement('li');
    studentid.innerHTML = "studentid: " + localStorage.getItem("studentid");

    let gender = document.createElement('li');
    gender.innerHTML = "gender: " + localStorage.getItem("gender");

    $userinfo.append(name);
    $userinfo.append(studentid);
    $userinfo.append(gender);

});